<template>
  <div>
      Home 组件
      <P>{{title}}</P>
      <br>
      <button @click="seTitle">改变方法</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
let title:string='你好VUE3'//传统的写法现在上面定义类型  之类的  
//下面 这一种就是我在解决怎么一次解决多种类型的写法  所有需要使用的typescript 里面的一个叫接口的方式

export default defineComponent ({
      data(){
          return{
              title,
              userinfo:{
                  username:"张三",
              },
              age:18,
              sex:"男"
          }
      },
      methods:{
         seTitle():void{
             this.title='123'
         }
      }
})

</script>

<style lang='scss'> 

</style>